@charset "utf-8";
/* CSS Document */
html {
 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size:14px;
  color:#515151;
   font-family: "微软雅黑", "Verdana";
   overflow-x:hidden;
    width: 100%;
    max-width: 100%;
    min-height: 100%; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1280px;
}

@media (max-width: 1199px)

{

body { width:100%; width: max-content;}

}


@media (max-width: 999px)

{

body { width: 100%;
    max-width: 100%;

    min-height: 100%;}

}






body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

* { margin:0; padding:0;}

IMG {
  BORDER: 0px; VERTICAL-ALIGN: middle
}


UL,OL {
  LIST-STYLE: none
}


a:link {
	color: #515151;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #515151;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
a:active {
	text-decoration: none;
	color: #ff0000;
}

a.a2:link {
	color: #0072E5;
	font-size:12px;
	text-decoration: none;
}
a.a2:visited {
	text-decoration: none;
	color: #0072E5;
}
a.a2:hover {
	text-decoration: none;
	color: #515151;
}
a.a2:active {
	text-decoration: none;
	color: #515151;
}

a.a3:link {
	color: #ffffff;
	font-size:13px;
	text-decoration: none;
}
a.a3:visited {
	text-decoration: none;
	color: #ffffff;
}
a.a3:hover {
	text-decoration: none;
	font-size:15px;
	color: #ffffff;
}
a.a3:active {
	text-decoration: none;
	color: #ffffff;
}


.l{ text-align:left}
.r{ text-align:right}
.c{ text-align:center}
.f_l{ float:left}
.f_r{ float:right}
.mt50{ margin-top:50px;}
.w100{ width:100%}

.font1{ font-size:24px; color:#333333; letter-spacing:1px;}
.font2{ font-size:35px; color:#2A2A2A; font-weight:bold}

.wenzi{text-indent:30px; line-height:23px;}
.lan{ color:#57C4C7;}

.button1{width:100px;margin:0 auto;width:100px}
.button1 a{ width:100px; height:35px; line-height:35px; font-size:15px; color:#ffffff; background:#ff0000;border-radius:25px;  text-align:center; margin-top:15px;margin:0 auto 20px;float:left;display:block;border:1px solid #ff0000;}
.button1 a:hover{ background:white; color:#ff0000;border:1px solid #ff0000; height:35px; line-height:35px;display:block;width:100px;  font-size:15px; text-align:center;}
.button2 a{ width:150px; height:38px; line-height:38px; font-size:12px; color:#ffffff; text-align:center; margin-top:15px; border:1px solid white; float:left; margin-left:44%;}
.button2 a:hover{ background:white; color:#ff0000; font-size:16px;}
.button3 a{ width:150px; height:38px; line-height:38px; font-size:12px; color:#686868; text-align:center; margin-top:5px; border:1px solid #999999; float:left; margin-left:43%;}
.button3 a:hover{ background:#ff0000; color:#ffffff; font-size:16px;border:1px solid #ff0000;}
.button4 a{ width:80px; height:22px; line-height:22px; font-size:12px; color:#ffffff; background:#ff0000;border-radius:15px;-moz-border-radius:15px; float:left; text-align:center; margin-top:15px;}
.button4 a:hover{ background:white; color:#ff0000}
.button5 a{ width:140px; height:32px; line-height:32px; font-size:12px; color:#ffffff; text-align:center; margin-top:8px; border:1px dashed #ff0000; float:left; margin-left:25%;}
.button5 a:hover{ background:#ff0000; color:#ffffff; font-size:16px;}

.button6 a:hover{ background:#014785;}
.button7 a{ width:80px; height:22px; line-height:22px; font-size:12px; color:#ffffff; background:#ff0000;border-radius:15px;-moz-border-radius:15px;text-align:center; margin-top:15px; float:left; margin-left:38%}
.button7 a:hover{ background:#014785;}
.button8 a{ width:80px; height:22px; line-height:22px; font-size:12px; color:#ffffff; background:#ff0000;border-radius:15px;-moz-border-radius:15px;text-align:center; margin-top:15px; float:right; margin-right:41%}
.button8 a:hover{ background:#014785;}


.header_logo{ width:683px; height:80px; margin:15px 0; background:url(../images/logo.jpg) no-repeat; }
.header_tel{width:277px; height:49px; margin:35px 0; background:url(../images/header_tel.png) no-repeat;}

<!--menu-->
.navbox{height:60px;position:relative;z-index:999999; margin:auto;font-family:'微软雅黑'; float:left}
.nav{width:100%;margin:0 auto;height:60px; list-style:none; float:left;}
.nav li{float:left;height:60px;position:relative; width:150px; }
.nav li.last{background:none;}
.nav li a{text-decoration:none; cursor:pointer;}
.nav li a span{ width:150px; height:60px; line-height:60px; font-size:16px; font-weight:bold; color:white; float:left; }
.nav li a span:hover{background:white; height:56px; line-height:56px; border-top:4px solid #FF0000; font-size:18px; color:#ff0000;width:150px; }

.nav li.selected .submenu{display: block;}
.nav li .submenu{display:none;position:absolute;top:54px;z-index:999999;}
.nav li .submenu li{background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}

.mj_menu_li_txt{ line-height:30px; font-size:14px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#bb1721;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#ff0000; font-weight:bold}

.mj_menu_news_bg{width:150px; min-height:150px; background:#fff;margin:0 auto}

.mj_menu_pro_bg{width:auto; height:106px; background:url(../images/xmenu_bg3.png) no-repeat;}
.mj_menu_pro_main{width:auto; margin:auto; padding-top:15px;}
.mj_menu_pro_li{}

.nav li a.active{width:167px; font-size:16px; font-weight:bold;background:white; height:56px; line-height:56px; border-top:4px solid #FF0000; color:#014785;float:left}
.nav li a.active:hover{font-size:18px; color:#ff0000;}


.header_bottom{ width:100%; height:7px; background:url(../images/header_bottom_bg.png); position:absolute; top:180px; left:0; z-index:99999; }

.banner{ width:100%; height:614px;float:left}
.banner2{ width:100%; height:60px;float:left; background:url(../images/xiexian_blue.png)}

.list{ width:100%; padding:50px 0; float:left;}
.list .con{  width:100%; height:50px; background:#434343; line-height:50px; float:left}
.list .con2{width:100%; float:left}
.list .pic{width:276px; margin:0 8px; float:left;height:280px}
.sd01{cursor:pointer;width:160px; height:50px; float:left; background-color:#ff0000; font-size:18px; font-weight:bold; color:white }
.sd02{cursor:pointer;width:160px; height:50px; float:left; background-color:#434343; font-size:16px; font-weight:bold; color:white }
.sd02 a:hover{ color:#FF0000;cursor:pointer;width:160px; height:50px; float:left; background-color:#434343; font-size:16px; font-weight:bold; color:white}
.hidden{display:none;}


.about{ width:100%; padding-top:60px;float:left; background: url(../images/abbg.jpg)top center no-repeat; margin-top: 20px}
.about .pic{ width:392px; height:270px; background:url(../images/about_pic.jpg) center no-repeat; float:right; margin:44px 0;}
.about .con{ width:59%; background:#f7f5f5; padding:30px 3%;  margin-top:45px; color:#656565; font-size:15px; line-height:2; float:left}
.about .con .title{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #D2D2D2; font-size:18px; margin-bottom:12px;}
.about_bottom{ width:100%; height:121px;  float:left}

.anli{ width:100%; padding:40px 0;float:left; }
/*anli*/
.rollBox{width:100%;float:left;overflow: hidden;}
.rollBox .LeftBotton 
{ 
height: 30px; 
width: 30px; 
background: url(../images/list_cp_l.jpg) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin: 18px 0; 
cursor: pointer;  
} 
.rollBox .RightBotton 
{ 
height: 30px; 
width: 30px; 
background: url(../images/list_cp_r.jpg) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin: 18px 3px 18px 3px; 
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1200px; 
overflow: hidden; 
margin:0 auto;

} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont .pic 
{ width:280px; height:auto; float:left; font-size:14px; margin:10px 20px;
} 
.rollBox .Cont .pic img 
{ 
border: 1px solid #ccc; 
display: block; 
margin: 0 auto; 
} 
.rollBox .Cont .pic p 
{ 
line-height: 58px; 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 
.rollBox_left{ width:68%; margin-left:2%; float:left; line-height:58px;}
.rollBox_right{ width:28%; margin-right:2%; float:left; line-height:58px; text-align:right}

.blue_tiao{width:100%; height:220px; background:url(../images/blue_tiao.jpg) center no-repeat;float:left;}

.news{width:100%; margin-top:50px; margin-bottom:30px;float:left;}
.news_l{ width:50%; margin-right:2%; float:left}
.news .top{ width:100%; float:left; margin-bottom:22px;}
.news_l .top .pic{ width:180px; height:134px; background:url(../images/news_title.png); float:left; margin-right:12px;}
.news_l .top .con{ width:390px; float:left; line-height:23px;}
.news_l .con_2{ line-height:35px; border-bottom:1px dashed #CBCBCB; float:left; width:100%}
.news_l .con_2 i{ width:14px; height:14px; float:left; background:url(../images/dot.jpg); margin-top:15px; margin-right:10px;}
.news_l .con_2 span{ color:#94979E; float:right; width:15%; text-align:right}
.news_r1{ width:260px; height:281px; background:url(../images/sda.jpg); float:left; margin-right:15px;}
.news_r2{ width:261px; height:281px; background:url(../images/e3.jpg); float:left; }

.links{ width:100%; line-height:48px; float:left; background:#EEEEEE;color:6B6B6B;}
.links .active{ width:130px; height:48px; background:url(../images/xiexian_blue.png); color:#fff; font-weight:bold; float:left; margin-right:30px;}
.links a{ color:6B6B6B;}
.links a:hover{ text-decoration:underline}

.bottom{ width:100%;  float:left; color:#fff; background:url(../images/xiexian_gray.png)}
.bottom a{color:#fff; }
.bottom a:hover{ color:#57C4C7}
.bottom .title1{ width:100%; line-height:81px; border-bottom:1px solid #3A3A3A; float:left}
.bottom .title1 a{ margin:0 37px;}
.bottom .logo{ width:440px; height:64px; background:url(../images/bottom_logo.png) center no-repeat; margin:55.5px 0; float:left}
.bottom .con_r{ width:60%; line-height:29px; float:right; margin:38px 0;}


.neiye{ margin:48px 0; float:left; width:100%}
.neiye_l{width:24%; margin-right:3%; float:left;}
.neiye_l .title{width:100%;line-height:25px; height:100px; background-color:#ff0000; text-align:center; color:white;  float:left;border-radius:17px 0 0 0;-moz-border-radius:17px 0 0 0;}
.neiye_l .title span{font-size:24px; font-weight:bold; }
.neiye_l1 ul{ margin:0; padding:0;text-align:center}
.neiye_l1 ul li a{ width:100%; height:45px; line-height:45px; margin-bottom:5px;float:left; font-size:16px; letter-spacing:1px; background:#EEEEEE}
.neiye_l1 ul li a:hover{ background-color:#014785; color:white; font-size:18px;}
.neiye_l .tel{ width:100%; height:220px; background-color:#014785; float:left; margin-top:10px; margin-bottom:10px; color:#fff;}
.neiye_l .tel span{ font-size:26px; font-weight:bold; color:#ff0000;}

.neiye_l .bom a{width:100%;line-height:40px; height:40px; background-color:#57C4C7; text-align:center; color:white;  float:left;border-radius:0 0 17px 0;-moz-border-radius:0 0 17px 0; text-align:center; margin-top:-1px;}
.neiye_l .bom a:hover{ font-size:16px; background-color:#FE9019; }

.neiye_l2 ul{ margin:0; padding:0;text-align:left; text-indent:15px;}
.neiye_l2 ul li a{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #d8d8d8; float:left; font-size:14px; }
.neiye_l2 ul li a:hover{ background-color:#014785; color:white;  }
.neiye_l2 p{width:100%; float:left; line-height:30px; background:#0B5AAA; font-size:16px; color:#fff; text-indent:10px; padding:6px 0;}
.neiye_l2 p a{font-size:16px; color:#fff;}
.neiye_l2 p a:hover{color:#01A6DF;}

.neiye_l .baozhang{ width:100%; height:300px; background:url(../images/left_baozhang.jpg) center no-repeat;float:left; margin-top:15px; margin-bottom:10px;}

.neiye_r{width:73%; float:left;}
.neiye_r .title{ width:100%; height:45px; border-bottom:1px solid #A5A5A5; float:left}
.neiye_r .title .l{ width:45%; height:30px; float:left; border-left:4px solid #ff0000; line-height:30px; color:#515151; font-size:18px; font-weight:bold; text-indent:10px; margin-top:5px;}
.neiye_r .title .l span{font-size:14px; color:#CCCCCC}
.neiye_r .title .r{ width:54%; height:30px; float:left; line-height:30px; color:#A5A5A5; margin-top:5px; text-align:right;}
.neiye_r .title .r a{ color:#A5A5A5; }
.neiye_r .title .r a:hover{ color:#E24441; }

.banner_about{ width:100%; height:350px; float:left; background:url(../images/20150126023759559.jpg) center no-repeat;}
.banner_pro{ width:100%; height:350px; float:left; background:url(../images/20150126023904644.jpg) center no-repeat;}
.banner_anli{ width:100%; height:350px; float:left; background:url(../images/20150126023904644.jpg) center no-repeat;}
.banner_news{ width:100%; height:350px; float:left; background:url(../images/20150126023817778.jpg) center no-repeat;}
.banner_jszc{ width:100%; height:350px; float:left; background:url(../images/banner_jszc.jpg) center no-repeat;}
.banner_contact{ width:100%; height:350px; float:left; background:url(../images/20150126023904644.jpg) center no-repeat;}

.news_p{margin-bottom:10px;  width:100%; float:left; line-height:35px; border-bottom:1px dashed #ccc;}
.news_p i{ width:14px; height:14px; float:left; background:url(../images/dot.jpg); margin-top:12px; margin-right:10px;}

/*= 新闻分页 =*/
#pagerclass{ width:100%; height:45px; text-align:center; margin:0 auto; text-align:center; display:block; clear:both;}
.pager{padding:0px;}
.pager .list{text-align:center;padding:3px;}
.pager .list .pager-nolink{color:#666; background:#eee; border:1px solid #d9d9d9;  padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a { color:#666; background:#eee; border:1px solid #d9d9d9;  padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a:hover { color:#999; background:#EEEAE4; border:1px solid #999;}
.pager .list .pager-current { color:#000; background:#EEEAE4; border:1px solid #999; padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a.ctrl { color:#494949; background:none; border:none;}
.pager .list a.ctrl:hover { color:#393; background:none; border:none;}

.subrightcotnei-title{font-size:14px; font-family:"Microsoft Yahei"; text-align:center; line-height:29px; font-weight:bold; color:#464646;}
.subrightcotnei-cot{ line-height:22px; width:96%; padding:10px; margin:0 auto;}
/*----------------产品-----------------*/
.ying{ width:100%; font-size:34px; color:#000; font-family:Arial; text-align:center; padding:50px 0 16px 0; font-weight:600;}
.tong{ width:220px; margin:0 auto; height:40px; padding-top:10px; border-top:1px solid #e4e4e4; text-align:center; font-size:24px; color:#000;}
.chanping .duo_2{ width:100%; height:50px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;margin: 10px 0 10px 0;}
.chanping .duo_2 ul{ width:780px; margin:0 auto; border-left:1px solid #e4e4e4; height:50px; overflow:hidden;}
.chanping .duo_2 ul li{ height:50px; border-right:1px solid #e4e4e4; float:left;}
.chanping .duo_2 ul li a{ display:block; height:50px; line-height:50px; font-size:16px; padding:0 30px; color:#2b2b2b;}
.chanping .duo_2 ul li a:hover{ color:#FFF; background:#f96d18;}
.chanping .duo{ width:1200px; margin:0 auto; overflow:hidden;}
.chanping .duo ul{ width:1400px; margin-top:20px;}
.chanping .duo ul li{ float:left; width:254px; margin-right:5px; border:1px solid #e4e4e4; height:310px; position:relative;}
.chanping .duo ul li a{ display:block; width:254px; height:252px; margin:0 auto;}
.chanping .duo ul li a:hover{ }
.chanping .duo ul li img{ width:250px; height:250px}
.chanping .duo ul li img:hover{ width:250px; height:250px;border:2px solid #f96d18;}
.chanping .duo ul li p{ position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; border-top:1px solid #e4e4e4;}
.aa a{ width:200px; height:45px; text-align:center; line-height:45px; border:1px solid #f96d18; border-radius:5px; display:block; margin:0 auto; margin-top:30px; font-size:16px;background:#f96d18;color:#fff}
.aa a:hover{ width:200px; height:45px; text-align:center; line-height:45px; border:1px solid #f96d18; border-radius:5px; display:block; margin:0 auto; margin-top:30px; font-size:16px;background:#fff;color:#4d4c49}

.chanping{float: left;margin: 0 auto;width: 100%;    margin-bottom: 30px;}



/*------------新闻咨询--------------*/
.news{ width:100%; margin:0 auto; height:450px; overflow:hidden; margin-top:30px;float:left}
.news .ron{ margin-top:30px;width:1200px;margin:0 auto;}
.news .ron .n_zuo{ width:590px; float:left;}
.news .ron .lf{ float:left;}
.news .ron .rf{ float:right;}
.news .ron .zz{ width:285px; overflow:hidden;}
.news .ron .zz .suo{ height:165px; width:278px; margin-bottom:10px; overflow:hidden;}
.news h3{ font-size:18px; height:40px;}
.news .ron .zz li{ padding-left:18px; background:url(../images/yuandian.jpg) no-repeat left 14px; height:35px; line-height:35px; font-size:14px; overflow:hidden;}
.news .n_you{ float:right; width:584px; overflow:hidden;}
.news .ron .tu{ width:100%; height:165px;}
.news .ron .n_you .wu{ border-bottom:1px solid #e4e4e4;}
.news .ron .wd{ width:100%; height:95px; padding-top:15px; font-size:14px;}
.news .ron .wd .wen{  background:url(../images/wen.jpg) no-repeat left 0;}
.news .ron .wd .da{ background:url(../images/da.jpg) no-repeat left 0; }
.news .ron .wd p{padding-left:33px; height:35px; }
.news .ron .wd p a{ color:#f96d18;}
.news .ron .wd p a:hover{ color:#b64602;}

/*--------------------共用---------------------*/
.c_banner{ width:100%; height:250px; background:url(../images/c_banner.jpg) no-repeat center top;}
.c_main{ width:1200px; margin:0 auto; position:relative;}
.c_main .main_z{ width:220px; float:left;}
.c_main .main_z h5{ width:100%; height:85px; background:#f96d18; text-align:center; padding-top:40px; color:#fff; font-size:24px; position:relative; top:-30px;}
.c_main .main_z h5 span{ font-size:18px; line-height:30px;}
.c_main .main_z ul li{ height:40px; border-bottom:1px solid #e1e1e1; line-height:40px; text-align:center; font-size:16px;}
.c_main .main_z li:first-child{ background:#f96d18;  }
.c_main .main_z li:first-child a{color:#FFF;}
.c_main .main_z li a{ display:block; height:100%; width:100%; color:#000;}
.c_main .main_z li a:hover{ color:#fff; background:#f96d18;}
.c_main .main_z .c_xiatu{ margin-top:20px; width:100%; overflow:hidden;}
.c_main .main_z .c_xiatu p{ margin-top:5px; border:1px solid #eee; height:40px; line-height:40px; text-align:center;}
.c_main .main_z .c_xiatu p span{ font-size:18px;}
.c_main .main_y{ width:890px; float:right;}
.c_main .main_y .xiangdao{height:40px; border-bottom:1px solid #e1e1e1; text-align:right; line-height:40px; padding-right:3px;}
.c_main .main_y .xiangdao a{ display:block; float:right; font-family:Arial; font-size:14px;}
.c_main .main_y .xiangdao a:first-child{ color:#f96d18;}
.c_main .main_y .page{ width:670px; margin:0 auto;}
.c_main .main_y .page li{ float:left; margin-right:10px;}
.c_main .main_y .page li a{ display:block; padding:0 18px; height:35px; line-height:35px; font-size:14px; border:1px solid #e1e1e1;}
.c_main .main_y .page li a:hover{ background:#eb3900; color:#fff;}
/*-----------------footer-----------------------*/
.footer{ width:100%; background:url(../images/foot.jpg); margin-top:60px;float:left}
.footer .shang{ width:1200px; margin:0 auto; padding-top:20px; height:230px;}
.footer .shang .f_zuo{ float:left; width:600px;}
.footer .shang .f_zuo ul{ width:180px; float:left; overflow:hidden; text-align:center; }
.footer .shang .f_zuo h5{ padding:0 10px; height:40px; line-height:45px; border-bottom:1px solid #ccc; width:80px; margin:0 auto; font-size:16px; color:#ccc;}
.footer .shang .f_zuo ul li{ height:30px; line-height:30px; }
.footer .shang .f_zuo ul li a{ color:#CCC;}
.footer .shang .f_zuo ul li a:hover{ color:#f96d18;}
.footer .shang .f_you{ float:right; width:560px; padding-left:35px; border-left:1px dotted #CCC; height:200px;}
.footer .shang .f_you h6{ color:#ccc; font-size:16px; line-height:45px;}
.footer .shang .f_you .fp_1{ background:url(../images/dizi_1.png) no-repeat left top;}
.footer .shang .f_you .fp_2{ background:url(../images/dizi_2.png) no-repeat left top;}
.footer .shang .f_you .fp_3{ background:url(../images/dizi_3.png) no-repeat left top;}
.footer .shang .f_you p{ padding-left:30px; color:#CCC; margin-bottom:14px;text-align:left}
.footer .xia{ width:1200px; padding-top:10px; border-top:1px dotted #FFF; margin:0 auto; height:70px;padding-bottom: 20px}
.footer .xia .x_z{ float:left;}
.footer .xia .x_y{ float:right; padding-top:10px; color:#CCC;}
.footer .xia .x_y a{ color:#CCC;}
.footer .xia .x_y a:hover{ color:#f96d18;}